<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>${employee.name}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="layout" content="main"/>

</head>
<body>
<div class="container">
  <div id="tabarea">
    <ul>
      <li class="first-tab" onclick="window.location = '${createLink(controller: 'dashboard', action: 'index')}'"><span class="left"></span><span class="content">Dashboard</span><span class="right"></span></li>
      <li class="current" style="z-index: 11" onclick="window.location = '${createLink(controller: 'workmates', action: 'index')}'"><span class="left"></span><span class="content">Projects & People</span><span class="right"></span></li>
      %{--<li style="z-index: 8" onclick="window.location='/link-me-in/opensource.gsp'"><span class="left"></span><span class="content">Opensource</span><span class="right"></span></li>--}%
      %{--<li style="z-index: 7" onclick="window.location = '/link-me-in/blog.gsp'"><span class="left"></span><span class="content">Blog</span><span class="right"></span></li>--}%
      %{--<li style="z-index: 6"><span class="left"></span><span class="content">Photos</span><span class="right"></span></li>--}%
      <div class="clear"></div>
    </ul>
  </div>
  <div class="title-area">
    <div class="title column span-10">${employee.englishName} | ${employee.chineseName}</div>
    <div class="column span-3 column nav-links" onclick="window.location = '${createLink(controller: 'workmates', action: 'index')}'">
      <img src="${createLinkTo(dir: 'images', file: 'project-list.png')}" alt="view project and members">
      View projects and members
    </div>
    <div class="clear"></div>
  </div>
  <div class="data-area" id="handler-container">
    <a href="${createLink(controller: 'workmates', action: 'show', params: [name: prevEmployee.shrinkedEnglishName])}"><img id="prev-one" src="${createLinkTo(dir: 'images', file: 'prev-person.png')}" alt="previous person"/></a>
    <a href="${createLink(controller: 'workmates', action: 'show', params: [name: nextEmployee.shrinkedEnglishName])}"><img id="next-one" src="${createLinkTo(dir: 'images', file: 'next-person.png')}" alt="previous person"/></a>
    <div class="separator first"></div>

    <div class="column span-10">
      <!--<h1>My open source projects on Google code</h1>

            <ul>
                <li>
                    <div><span class="project-name"><a href="show.gsp#">EFT</a></span> <span class="project-slogan">Easy functional testing tools for windows</span></div>
                    <div class="project-members">
                        Project Owners: exceedhl<br/>
                        Project Members: exceedhl, zee.ho.81
                    </div>

                    <div class="first column"><img src="${createLinkTo(dir: 'images', file: 'quote.png')}" alt="project description"></div>
                    <div class="first column span-8 project-description">
                        <h4>About Eft</h4>

                        <p>Eft is an acceptance and functional testing tool for Windows application. You can use it to test WIN32, Windows forms, WPF application and hopefully other applications.</p>

                        <p>Eft is currently build upon Win32 api and Windows UIAutomation framework in .net 3.0. It supports W3C CSS selector like syntax to locate Window and Control in an application, and related operations on them. It also provides many handy functionality for you to automate the testing of your application.</p></p>
                        <h4>Getting started</h4>

                        <p>View the 10 seconds tutorial to get to use Eft very quickly.</p>

                        <h4>Features</h4>

                        <ul>
                            <li>Support CSS selector syntax to locate elements in the window</li>
                            <li>Flexible clicking support, such as click using left button, right button, middle button etc., click with modifier keys, click several times.</li>
                            <li>Support minimize, maximize and restore etc. on Window</li>
                            <li>Support text related operations such as type, clearText, get text on an element.</li>
                            <li>Support wait operation for some condition fulfilled.</li>
                        </ul>

                    </div>
                    <div class="clear"></div>
                </li>

            </ul>
            <a href="show.gsp#content" class="button">Top</a> -->
      <h1>My picasa albums</h1>
      <g:if test="${employee.getAlbums().size() == 0}">
        I have no albums on Picasa.
      </g:if>
      <% def count = 0; %>
      <g:each in="${employee.getAlbums()}">
        <div class="column photo">
          <a target="_blank" href="${it.getLink()}"><img src="${it.getThumbnailurl()}" alt="${it.getTitle()}"/>${it.getTitle()}</a>
        </div>
        <% count++; %>
        <% if ((count % 3) == 0) { %>
        <div class="clear"></div>
        <% } %>
      </g:each>

      <div class="clear"></div>
      <br/>
      <a href="#tabarea" class="button">Top</a>
    </div>

    <div class="column last first sidebar">
      <div class="side-area area1">
        I am a
        <h3>${employee.role}</h3>
      </div>

      <div class="side-area area2">
        I am currently in
        <h3><a href="${createLink(controller: 'projects', action: 'show', params: [name: employee.project])}">${employee.project}</a></h3>
      </div>

      <div class="side-area area3">
        <dl>
          <g:render template="display_gossipy" model="['title': '星座','text': employee.getConstellation()]"/>
          <g:render template="display_gossipy" model="['title': '业余爱好','text': employee.getHobbies()]"/>
          <g:render template="display_gossipy" model="['title': '不吃的东西','text': employee.getHatedFood()]"/>
          <g:render template="display_gossipy" model="['title': '喜欢的食物','text': employee.getPreferedFood()]"/>
          <g:render template="display_gossipy" model="['title': '喜欢的饮料','text': employee.getPreferedDrink()]"/>
          <g:render template="display_gossipy" model="['title': '喜欢的音乐','text': employee.getPreferedMusics()]"/>
          <g:render template="display_gossipy" model="['title': '喜欢的电影','text': employee.getPreferedVedios()]"/>
          <g:render template="display_gossipy" model="['title': '害怕的东西','text': employee.getScared()]"/>
          <g:render template="display_gossipy" model="['title': '偶像','text': employee.getIdol()]"/>
          <g:render template="display_gossipy" model="['title': '尴尬的事','text': employee.getEmbarrassing()]"/>
          <g:render template="display_gossipy" model="['title': '评论','text': employee.getComment()]"/>
        </dl>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>

    <div class="separator"></div>
  </div>
</div>
</body>
</html>
